<template>
	<view class="mine-list-cell" @click="tapfn">
		<view class="u-flex" style="flex: 1;">
			<slot></slot>
		</view>
		<view class="">
			<u-icon name="arrow-right"></u-icon>
		</view>
	</view>
</template>

<script>
	export default {
		name: "z-mine-list",
		props: {
			icon: {
				type: String,
				default: ""
			}
		},
		data() {
			return {

			};
		},
		methods: {
			tapfn() {
				this.$emit("click")
			}
		}
	}
</script>

<style lang="scss">
	.mine-list-cell {
		position: relative;
		height: 100rpx;
		display: flex;
		font-size: 28rpx;
		align-items: center;
		padding: 0 30rpx;
		color: #303133;

		&::after {
			content: "\e6a2";
			font-size: 40rpx;
			font-family: "iconfont";
			position: absolute;
			right: 30rpx;
			top: 50%;
			transform: translateY(-50%);
		}

		&::before {
			content: "";
			position: absolute;
			bottom: 0;
			left: 30rpx;
			right: 0;
			height: 1rpx;
			background-color: #EEEEEE;
			// border: 1rpx solid #EEEEEE;
			transform: scaleY(0.5);
		}
	}
</style>